<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Bootstrap Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="../stylesheets/theme.css">
    <link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.css">

    <script src="../lib/jquery-1.7.2.min.js" type="text/javascript"></script>

    <!-- Demo page code -->

    <style type="text/css">
        #line-chart {
            height: 300px;
            width: 800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        
        .brand {
            font-family: georgia, serif;
        }
        
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

</head>


<body class="">

    <div class="navbar">
        <div class="navbar-inner">
            <ul class="nav pull-right">

                <li id="fat-menu" class="dropdown">
                    <a href="" role="button" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-user"></i> 您好，用户名
                    </a>
                </li>
            </ul>
            <a class="brand" href=""> <span class="second">富丽堂皇大宾馆</span><span class="first"></span></a>
        </div>
    </div>
    <div class="sidebar-nav">
        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>菜单</a>
        <ul id="dashboard-menu" class="nav nav-list collapse in">
            <li class=""><a href="../bookMsg.html">预约信息管理</a></li>
        </ul>

        <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>后台管理</a>
        <ul id="accounts-menu" class="nav nav-list collapse in">
            <li><a href="../config/configs.html">网站配置管理</a></li>
            <li class="active"><a href="../aboutUs/abouts.html">关于我们管理</a></li>
            <li><a href="../connectUs/connects.html">联系我们管理</a></li>
            <li><a href="../nav/navs.html">导航管理</a></li>
            <li><a href="../room/rooms.html">客房管理</a></li>
            <li><a href="../menu/menus.html">菜单管理</a></li>
            <li><a href="../root/users.html">用户管理</a></li>
        </ul>
    </div>

    <div class="content">

        <div class="header">

            <h1 class="page-title">关于我们管理</h1>
        </div>


        <div class="container-fluid">
            <div class="row-fluid">

                <div class="well" style="margin-top: 20px;">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>标题</th>
                                <th>介绍</th>
                                <th>详情</th>
                                <th style="width: 60px;">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>富丽堂皇大酒店</td>
                                <td>富丽堂皇大酒店是一家国际酒店管理公司，其总部位于厦门。 富丽堂皇大酒店经营及开展酒店业务,并且是首家引进泉州的5星级酒店的企业。</td>
                                <td>我们的核心营运理念是对艺术、文化及情感智慧的尊崇。我们矢志成为东西文化交汇的桥梁，将传统工艺的风韵美感、当地人文风情及社区面貌展现在大家眼前。我们重视诚挚的互动与交流，从而建立忠诚与信任，并且精益求精，灵活变通，是力求创新的佼佼者。 </td>
                                <td>
                                    <a href="about.html" style="margin-right: 5px;"><i class="icon-pencil"></i></a>
                                    <a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>

                <div class="pagination">
                    <ul>
                        <li><a href="#">Prev</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">Next</a></li>
                    </ul>
                </div>
                <div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 id="myModalLabel">确认删除</h3>
                    </div>
                    <div class="modal-body">
                        <p class="error-text"><i class="icon-warning-sign modal-icon"></i>确定删除吗?</p>
                    </div>
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
                        <button class="btn btn-danger" data-dismiss="modal">删除</button>
                    </div>
                </div>

                <footer>
                    <hr>
                    <p>&copy; 2012 <a href="#" target="_blank">Portnine</a></p>
                </footer>

            </div>
        </div>
    </div>



    <script src="../lib/bootstrap/js/bootstrap.js"></script>

</body>

</html>